<template>
  <view>
    <u-navbar height="50" title="找好友代付" title-color="#333" title-size="36"></u-navbar>
    <view class="contentView">
      <view class="moneyView">
        <view class="moneyTitle">代付金额</view>
        <view class="moneyTotal"
          >¥<text>{{ totalPrice }}</text></view
        >
        <view class="sendView">发送给微信好友</view>
        <view class="tipsView">注：若订单申请退款，已支付金额将原路退还给您的好友</view>
      </view>
      <view class="itemView" v-for="(item, index) in itemList" :key="index">
        <u-image width="130" height="130" src="/static/logo.png" border-radius="10"></u-image>
        <view class="itemInfo">
          <view class="itemTitle">泰国金枕榴莲 A果巴掌榴莲净果</view>
          <view class="itemNumView">
            <view class="itemPrice">¥10.50</view>
            <view class="itemNum">x11</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      orderId: '',
      totalPrice: '0.00',
      itemList: [{}, {}, {}, {}]
    }
  },
  onLoad(res) {
    this.orderId = res.order_id ? res.order_id : ''
    this.totalPrice = res.money ? res.money : ''
    this.initData()
  },
  methods: {
    initData() {}
  }
}
</script>

<style>
@import url('friend-payment.css');

page {
  background: #eeeeef;
}
</style>
